/**
* 功能描述：步骤条
* @author jin xiaohang
*
* @date 2022/9/29 16:58
* @version 1.0
*/
<template>
    <div class="yw-steps">
        <div class="yw-steps-item">
            <div class="yw-steps-container">
                <div class="yw-steps-item-icon">
                    <span class="yw-steps-item-icon-cell">
                        <span class="yw-steps-item-icon-cell-container">
                            <svg focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                </path>
                            </svg>
                        </span>
                    </span>
                </div>
                <div class="yw-steps-item-content">
                    <div class="yw-steps-item-title">Finished</div>
                </div>
            </div>
        </div>
        <div class="yw-steps-item">
            <div class="yw-steps-container">
                <div class="yw-steps-item-icon">
                    <span class="yw-steps-item-icon-cell">
                        <span class="yw-steps-item-icon-cell-container">
                            <svg focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                </path>
                            </svg>
                        </span>
                    </span>
                </div>
                <div class="yw-steps-item-content">
                    <div class="yw-steps-item-title">Finished</div>
                </div>
            </div>
        </div>
        <div class="yw-steps-item">
            <div class="yw-steps-container">
                <div class="yw-steps-item-icon">
                    <span class="yw-steps-item-icon-cell">
                        <span class="yw-steps-item-icon-cell-container">
                            <svg focusable="false" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z">
                                </path>
                            </svg>
                        </span>
                    </span>
                </div>
                <div class="yw-steps-item-content">
                    <div class="yw-steps-item-title">Finished</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "ywSteps"
}
</script>

<style scoped>

</style>